<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
	<meta charset="UTF-8"/>
	<meta name="viewport" content="width=device-width, initial-scale=1"/>
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
	<meta name="renderer" content="webkit"/>
	<title>登陆-工单系统</title>
	<link href="../static/css/base.css" th:href="@{/css/base.css}" rel="stylesheet"/>
	<link href="../static/css/login/login.css" th:href="@{/css/login/login.css}" rel="stylesheet"/>
	<style type="text/css">
		.hide { display: none; }
	</style>
	<script>
		if(window != top){
			//处理session失效 跳转到顶级页面
			top.location.href = location.href;
		}
	</script>
</head>
<body>
	<div class="login-hd">
		<div class="left-bg"></div>
		<div class="right-bg"></div>
		<div class="hd-inner">
			<span class="logo"></span>
			<span class="split"></span>
			<span class="sys-name">工单系统</span>
		</div>
	</div>
	<div class="login-bd">
		<div class="bd-inner">
			<div class="inner-wrap">
				<div class="lg-zone">
					<div class="lg-box">
						<div class="lg-label"><h4>用户登录</h4></div>
						<!--/*@thymesVar id="error" type="java.lang.String"*/-->
						<div class="alert alert-error" th:classappend="${error} == null?'hide':''">
			              <i class="iconfont">&#xe62e;</i>
			              <span th:text="${error}">错误</span>
			            </div>
						<form th:action="@{/login}" method="POST">
							<div class="lg-username input-item clearfix">
								<i class="iconfont">&#xe60d;</i>
								<input type="text" name="username" placeholder="请输入账号"/>
							</div>
							<div class="lg-password input-item clearfix">
								<i class="iconfont">&#xe634;</i>
								<input type="password" name="password" placeholder="请输入密码"/>
							</div>
							<div class="lg-check clearfix">
								<div class="input-item">
									<i class="iconfont">&#xe633;</i>
									<input type="text" name="code" placeholder="验证码"/>
								</div>
								<span class="check-code">
									<img alt="看不清，点击我" class="v-code" th:src="@{/captcha/create}"/>
								</span>
							</div>
							<div class="tips clearfix">
								<label><input type="checkbox" checked="checked" name="rememberMe" value="true"/>记住用户名</label>
							</div>
							<div class="enter" style="text-align: center;">
								<a id="form-submit" style="cursor: pointer;" class="supplier">登录</a>
							</div>
						</form>
					</div>
				</div>
				<div class="lg-poster"></div>
			</div>
		</div>
	</div>
	<div class="login-ft">
		<div class="ft-inner">
			<div class="about-us">
				<a href="javascript:;">关于我们</a>
				<a href="javascript:;">法律声明</a>
				<a href="javascript:;">服务条款</a>
				<a href="javascript:alert('联系电话：15922333447');">联系方式</a>
			</div>
			<div class="address">地址：安徽省合肥市政务文化新区&nbsp;邮编：240000&nbsp;&nbsp;安徽修补匠科技有限公司-专注于软件开发设计&nbsp;版权所有</div>
			<div class="other-info">建议使用IE8及以上版本浏览器&nbsp;皖ICP备&nbsp;15003540号&nbsp;E-mail：leejun.happy@gmail.com</div>
		</div>
	</div>
</body>
<script type="text/javascript" src="../static/js/jquery.min.js" th:src="@{/js/jquery.min.js}"></script>
<script type="text/javascript">
	$(function() {
		$('.v-code').on('click', function() {
			this.src = this.src + '?t=' + new Date().getTime();
		});
		
		$('#form-submit').on('click', function() {
			$('form').submit();
		});
	});
</script>
</html>